<!doctype html>
<html lang="en">
	<head>
	<meta charset="utf-8"/>
		<title>Exercise Myths</title>
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
		<script src="scripts/draganddrop.js" language="javascript"></script>
		<script src="scripts/scripts.js" language="javascript"></script>
	</head>
	<body id="bodyexercise" onload="javascript:visitExerciseMyths()">
	
		<nav>
			<div id="drop" align="center">
				<ul>
					<li id="option0"><a href="intro.html">Intro Page</a></li>
					<li id="option1"><a href="profile.html">Profile Page</a></li>
					<li id="option2"><a href="#">Nutrition</a>
						<ul id="option2">
							<li><a href="nutrition-myths.html">Myths of Nutrition</a></li>
							<li><a href="nutrition1.html">Nutrition 101</a></li>
							<li><a href="nutrition2.html">Nutrition 201</a></li>
						</ul>
					</li>
					<li id="option3"><a href="#">Exercise</a>
						<ul id="option3">
							<li><a href="exercise-myths.html">Myths of Exercise</a></li>
							<li><a href="targetheartrate.html">Target Heart Rate</a></li>
							<li><a href="exercise1.html">Exercise 101</a></li> 
						</ul>
					</li>
					<li id="option4"><a href="#">Massage</a>
						<ul id="option4">
							<li><a href="massage-myths.html">Myths of Massage</a></li> 
							<li><a href="massage1.html">Massage 101</a></li> 
							<li><a href="massage2.html">Personalizing Your Massage</a></li> 
						</ul>
					</li>
					<li id="optionX"><a href="assessment.html" id="assessmentlink" class="hide">Final Assessment</a>
					</li>
				</ul>
			</div>
		</nav>
		
		<div align="center">
	
         		<form name="dd1" onsubmit="javascript:processForm(); return false;"> 
         			<header>
         				<h1>Exercise Myths</h1>
         			</header>
         				<section><div id="spacing">
					<i>Match each exercise myth with its fact.</i>
					<br/>
				
					<div class="column">
						<h3>Myths</h3>
					 	<div id="d1" value="3" class="dragger" draggable="true"
				     		ondragstart="return startDrag( event )"
				     		ondragend="return endDrag( event )"><p>Exercising takes too much time.</p></div><br/>  
				     	<div id="d2" value="2" class="dragger" draggable="true"
				     		ondragstart="return startDrag( event )"
				     		ondragend="return endDrag( event )"><p>No pain, no gain.</p></div><br/>                        
				 		<div id="d3" value="0" class="dragger" draggable="true"
				     		ondragstart="return startDrag( event )"
				     		ondragend="return endDrag( event )"><p>It is too expensive to join a gym.</p></div><br/>  
					 	<div id="d4" value="1" class="dragger" draggable="true"
				     		ondragstart="return startDrag( event )"
				     		ondragend="return endDrag( event )"><p>Aerobic training alone is adequate.</p></div><br/>  
					</div>
				    <br/>
					<div class="column">
						<h3>Facts</h3>
				     		<div id="db1" value="0" class="draggerbay" 
				     			ondrop="return dropDragger( event )"
				     			ondragover="return false"
				     			ondragenter="return enterDragger( event )"><p>Home exercise systems are affordable and effective.</p></div><br/>                        
				 			<div id="db2" value="1" class="draggerbay"
				     			ondrop="return dropDragger( event )"
				     			ondragover="return false"
				     			ondragenter="return enterDragger( event )"><p>Aerobic and resistant training creates a healthy body.</p></div><br/>  
					 		<div id="db3" value="2" class="draggerbay"
				     			ondrop="return dropDragger( event )"
				     			ondragover="return false"
				     			ondragenter="return enterDragger( event )"><p>Effective exercise is not painful.</p></div><br/> 
					 		<div id="db4" value="3" class="draggerbay"
				     			ondrop="return dropDragger( event )"
				     			ondragover="return false"
				     			ondragenter="return enterDragger( event )"><p>Approximately four hours a week of correct exercise is sufficient for a healthy body</p></div><br/>  
					</div>
						<div id="response">&nbsp;</div>
						<input type="submit" name="button" value="Submit Your Answer"/><br/>
				</form>
            </section>
		</div>
        
    	<footer>
    		<p>
    			<div align="center">
					<audio controls="controls" autoplay="autoplay">
  						<source src="audio/exercisemyths.ogg" type="audio/ogg"/>
 		 				<source src="audio/exercisemyths.mp3" type="audio/mpeg"/>
					</audio>
				</div>
				<div id="spacing" align="center"><em><h6>
					Transcript: Test your knowledge about exercise by matching the exercise myth with its fact. Read a myth and then the facts. Select the myth and drag it over the fact you believe it matches.  
					Continue this same process until all myths have been matched to their factual counterparts. Click on 'Submit Your Answers' to get your results. Discover more about exercise by selecting Target Heart Rate from the Exercise menu.
				</em></h6>
				<em><h6>Information for this section was pulled from Information in this section was provided by Don Westapher of Total Health Programs LLC, Colorado Springs, Colorado.</h6></em></div>
			</p>
        </footer>
		</div>
	</body>
</html>